<template>
    <h4>路由嵌套&路由地址&路由懒加载</h4>
    <pre class="note">
    1. 路由嵌套：
        + VueRouter定义路由表routes属性时，可以通过为路由对象定义 children:[] 属性加载对应子路由
        + children 属性的取值和 routes 属性的取值相同，都是 路由模块自定义数据格式 RouteRecordRaw
            <img src="@/assets/error/47.png" alt="" srcset="" style="max-width: 500px;">
        + 定义的子路由组件在渲染时需要依赖于父组件进行展示，因此需要在对应的父组件中提供RouterView组件定义，描述显示位置
            <img src="@/assets/error/48.png" alt="" srcset="" style="max-width: 1000px;">
    
    2. 路由地址定义：
        + 基本地址定义
            => 通过配置path属性描述组件和地址关系，一级路由定义时必须使用 / 开头，子级路由可选择绝对路径或相对路径
        + 默认地址定义
            => vue路由默认展示地址为 / 的组件，因此以 path:"/" 描述默认组件
            => 默认地址一般使用路由定向方式跳转到其它组件上：{ path:"/",redirect:"目标地址"}
            => 子路由中 path:"" 描述子路由的默认组件
        + 通配地址定义(404)
            => 对没有在路由表中定义的路径,vue会进行统一的地址处理
            => 通过配置 path正则路径规则,描述路由表中不存在的地址默认访问的组件
                > {path:"/:变量名(.*)*",redirect:"目标地址"}
                > {path:"/:变量名(.*)*",component:组件}
    </pre>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>

</style>